<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<script id="picCarousel" type="text/template">
<div id="ad-carousel" class="carousel slide" data-ride="carousel" style="height: 350px">
			<ol class="carousel-indicators" style="margin-top:250px"> 
				{@each RET_OBJ as it,index}
				<li data-target="#ad-carousel" data-slide-to="!{index}" class="{@if index==0}active{@/if}"></li>    
				{@/each}
			</ol>
		<div class="carousel-inner" style="height:350px">
		 {@each RET_OBJ as it,index}
		 {@if index==='0'}
			<div class="item active">
				<img src="${resourcesUrl}/upload/uploadimg/!{it.pic} " alt=!{index}" slide">
				<div class="container">
					<div class="carousel-caption" style="height: 500px">
						<h1>Firefox</h1> 
						<p>石迅科技</p>
					</div>
				</div>
			</div>

			{@else}
			
			<div class="item">
				<img src="${resourcesUrl}/upload/uploadimg/!{it.pic}" alt=!{index}" slide">
				<div class="container">
					<div class="carousel-caption" style="height: 500px">
						<h1>Firefox</h1> 
						<p>石迅科技</p>
					</div>
				</div>
			</div>
			{@/if}
			
			 {@/each}
		</div> 
		<a class="left carousel-control" href="#ad-carousel" data-slide="prev"><span
			class="glyphicon glyphicon-chevron-left"></span></a> <a
			class="right carousel-control" href="#ad-carousel" data-slide="next"><span
			class="glyphicon glyphicon-chevron-right"></span></a>
	</div>	
</script>
